<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <title>test</title>
    <meta name="description" content="test" />
    <meta name="keywords" content="test" />

    <script src="/public/js/jquery-1.9.1.min.js"></script>
    <link href="/public/css/bootstrap/bootstrap.min.css" type="text/css" rel="stylesheet" />
    <link href="/public/css/site.css" type="text/css" rel="stylesheet" />
    <style type="text/css">
        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            background-color: rgba(59, 190, 122, .9) !important;
            border-color: rgba(59, 190, 122, .9) !important;
        }
    </style>
</head>

<body>
    <link rel="shortcut icon" href="favicon1.ico" type="image/x-icon" />
    <nav class="navbar navbar-default navbar-fixed-top u-navbar">
        <div class="container">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar icon-bar1"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar icon-bar2"></span>
                    </button>
                    <a class="navbar-brand" href="/">
                        ts-news
                    </a>
                </div>
                <div class="navbar-collapse collapse navbar-right" style="height: auto;">
                    <!-- Main navigation -->
                    <ul class="nav navbar-nav">

                        <li><a href="/">首页</a></li>
                        {% for item in cates %}
                        <li><a href="/?typeId={{item.id}}">{{item.name}}</a></li>
                        {% endfor %}

                        
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <div class="global" style="min-height: 750px;">
        <div class="company-dynamics-banner">
            <div class="container">
                

            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="company_dynamics">


                    {% for itemNews in newslist %}
                    <dl>
                        <dt><span>{{itemNews.createdAt}}</span><span>2016</span></dt>
                        <dd>
                            <h3 style="font-size: 20px; margin: 0;">
                                <a style="color:#333;" href="detail?id={{itemNews.id}}"><b>{{itemNews.title}}</b></a>
                            </h3>
                            <div class="company-cont-info">
                                <p>{{itemNews.discribe}} </p>
                                <a class="write_more" href="detail?id={{itemNews.id}}">阅读更多 ></a>
                            </div>
                        </dd>
                    </dl>
                    {% endfor %}

                   
                </div>
            </div>
        </div>
    </div>
    <!-- footer begin -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="ac-gf-footer-legal">


                </div>

            </div>
        </div>
    </footer>
    <div class="footer_app" style="display: none;"> Copyright &copy; 2018 test </div>
    <!-- footer end -->

    <script type="text/javascript">
        $(function () {
            $(".navbar-toggle").click(function () {
                $(this).toggleClass("click");
                $(".bg-div").toggleClass("hide");
                $("body").toggleClass("body-static");
                $(".navbar-form a").toggleClass("active");
                $(".navbar-collapse").slideToggle();
            });




        });
    </script>
    <script type="text/javascript" src="/public/js/bootstrap/bootstrap.min.js"></script>
</body>

</html>